.theme-light {

    --app-nav-bg: #f2f4f7;
    --ui-breadcrumb-base-color: #667085;
    --ui-text-color: #344504;
    --ui-component-background: #fff;
    --ui-border-color-base: #eaecf0;
    --ui-item-hover-bg: rgba(228, 228, 228, 0.3);
    --ui-component-background-alt: #f2f4f7;
    --app-modal-sider-background-color: #fcfcfd;
    --ui-menu-item-active-bg: #f2f4f7;
    --app-secondary-4: #5657580a;
    --ui-border-color-split: #f2f4f7;
    --app-header-text-color-hover: rgba(16, 24, 40, .8);
    --ui-variant-btn-background-color: #fff;
    --ui-variant-btn-border-color: #eaecf0;
    --ui-input-hover-border-color: #d0d5dd;
    --ui-input-bg: #fff;
    --ui-input-disabled-bg: #f2f4f7;
    --ui-variant-btn-color: #fff;
    --ui-btn-text-hover-bg: rgba(16, 24, 40, .04);
    --ui-dropdown-menu-bg: #fff;
    --app-text-fg-high: rgba(16, 24, 40, .8);
    --app-text-fg-low: #677085;
    --ui-jsonschema-btn-color-hover: rgba(16, 24, 40, 0.07);
    --ui-input-filled-hover-bg: #f9fafb;
    --app-bg-200: #fafafa;
    --app-bg-300: #f3f5f6;
    --app-component-navigation-bg: #f9fafb;
    --ui-table-row-hover-bg: rgba(16, 24, 40, .05);
    --ui-segmented-bg: rgba(16, 24, 40, .04);
    --ui-segmented-selected-bg: #fff;

}